  $(function () {
      $('.music-on').click(function () {
        $('.music-on').hide();
        $('.music-off').show();
      })
      $('.music-off').click(function () {
        $('.music-off').hide();
        $('.music-on').show();
      })
    //   var wcb = document.querySelector('.wcb');
    //   var ps = wcb.querySelectorAll('p');  
    //   var blow = document.querySelector('.blow');
    //   var uls = blow.getElementsByTagName('ul');
    //   for(var i = 0; i < ps.length; i++){
    //       ps[i].index = i;
    //       ps[i].onclick = function() {
    //           for(var i = 0; i < ps.length ; i++){
    //               ps[i].className = '';
    //               uls[i].className = '';
    //           }
    //           this.className = 'active';
    //           uls[this.index].className = 'xianshi';
    //       }
    //   }
      $('.wcb a p').click(function(){
          var index = $(this).index();
          console.log(index);
          $(this).addClass('active').siblings('p').removeClass('active');
      
      $('.blow ul:eq('+index+')').css('display',"block").siblings('ul').css('display','none')
      })

  })
  
  